<template>
  <div>
    <!-- 这里,模块时首页的宫格部分(轮播图下面) -->
    <van-grid :column-num="5" >
      <!-- 遍历父组件传递进来的数据 -->
      <van-grid-item
        :icon="item.icon_url"
        :text="item.name"
        v-for="item in channelArr"
        :key="item.id"
        @click="ToGoodsFnlei(item.id)"
      />
    </van-grid>
  </div>
</template>

<script>
export default {
  name: "Channel",
  data() {
    return {};
  },
  // 接收父组件首页传递过来的数据  使用props:[]数组的形式
  props: ["channelArr"],
  mounted() {
    setTimeout(()=>{
   console.log(this.channelArr);
    },500)
  },
  methods:{
    ToGoodsFnlei(id){   //点击跳转商品的分类页面
    //点击跳转到首页的分类页面并携带参数
   this.$router.push({path:"/goodsFnlei",query:{id:id}})
    }
  }
};
</script>

<style scoped>
</style>
